<script type="text/javascript">
	//以下js代码可以写在单独js文件中

	//命名空间
	sy.ns('Example');
	
	//js中的全局变量和全局方法必须加上命名空间，避免另一个页面有同名的全局变量以及方法会出现冲突
	//因此，如果不是公用方法或者公用变量，尽量不要使用全局的
	
	Example.url = '';
	Example.newItem = function(){
		$('#dlg').dialog('setTitle','新增资料').dialog('open');
		$('#myform').form('clear');
		Example.url = 'easyuiAdd.action';
	}
	
	Example.editItem = function(){
		var row = $('#admin_zdgl_datagrid').datagrid('getSelected');
		if (row){
			$('#dlg').dialog('setTitle','修改资料').dialog('open');
			$('#myform').form('load',row);
			Example.url = 'easyuiModify.action?id=' + row.id;
		} else {
			$.messager.show({
				title:'提示',
				msg:'请先选择资料'
			});
		}
	}
	
	Example.saveItem = function(){
		$('#myform').form('submit',{
			url:Example.url,
			onSubmit:function(){return $(this).form('validate');},
			success:function(){
				$('#dlg').dialog('close');
				$('#admin_zdgl_datagrid').datagrid('reload');
			}
		});
	}
	
	$(function() {
		$('#admin_zdgl_datagrid').datagrid({
			url : 'easyUiList.action',
			pagination : true,  //分页栏显示
			queryParams : {},
			sortName : 'yearFlag', //初始化排序字段
			sortOrder : 'asc', //初始化排序方式
			idField : 'id',
			striped : true, //奇偶行换色
			fitColumns: true, //自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动
			singleSelect: true, //单选
			fit : true,
			title : '',
			rownumbers : false,
			//frozenColumns : [ [ {
				//field : 'id',
				//checkbox : false
			//} ] ],
			columns : [ [ {
				field : 'id',
				hidden: true,
				width : 200
			},{
				field : 'text',
				title : '文本描述',
				sortable : true,
				width : 200
			}, {
				field : 'yearFlag',
				title : '年标识',
				sortable : true,
				width : 100
			}, {
				field : 'monthFlag',
				title : '月标识',
				sortable : true,
				width : 300
			}, {
				field : 'href',
				title : '超链接',
				sortable : true,
				width : 100
			} ] ],
			toolbar : [  {
				text : '添加',
				iconCls : 'icon-add',
				handler : function() {
					Example.newItem();
				}
			}, '-',{
				text : '修改',
				iconCls : 'icon-edit',
				handler : function() {
					Example.editItem();
				}
			},'-',{
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					var ids = [];
					//var rows = $('#admin_zdgl_datagrid').datagrid('getSelections'); //多选
					var row = $('#admin_zdgl_datagrid').datagrid('getSelected'); //单选
					if (row) {
						$.messager.confirm('请确认', '您要删除当前所选项目？', function(r) {
							if (r) {
								$.ajax({
									url : 'easyuiRemove.action',
									data : {
										'id' : row.id
									},
									cache : false,
									dataType : "json",
									type : "POST",
									success : function(response) {
										$('#admin_zdgl_datagrid').datagrid('unselectAll');
										$('#admin_zdgl_datagrid').datagrid('reload');
										$.messager.show({
											title : '提示',
											msg : response.msg
										});
									}
								});
							}
						});

					} else {
						$.messager.show({
							title : '提示',
							msg : '请选择要删除的记录'
						});
					}
				}
			}, '-'],
			onBeforeLoad : function() {
				$('#admin_zdgl_datagrid').datagrid('acceptChanges');
			}
		});
	});
</script>
<table id="admin_zdgl_datagrid" border="false">
</table>

	<div id="dlg" class="easyui-dialog" style="width:550px;height:220px;"
			closed="true" modal="true" buttons="#dlg-buttons">
		<form id="myform" method="post">
			<div style="padding:20px">
				<table cellpadding="0" cellspacing="0" class="form-table">
					<tr>
						<td style="width:60px">父ID</td>
						<td style="width:200px"><input name="parentId" style="width:150px"></input></td>
						<td style="width:60px">文本描述</td>
						<td>
							<input name="text" style="width:150px"></input>
						</td>
					</tr>
					<tr>
						<td>超链接</td>
						<td><input name="href" class="easyui-validatebox" required="true" style="width:150px"></input></td>
						<td>不知道</td>
						<td><input name="cls" style="width:150px"></input></td>
					</tr>
					<tr>
						<td>年标识</td>
						<td><input name="yearFlag" style="width:150px"></input></td>
						<td>月标识</td>
						<td><input name="monthFlag" style="width:150px"></input></td>
					</tr>
					<tr>
						<td>备注</td>
						<td colspan="3"><input name="remark" style="width:410px"></input></td>
					</tr>
				</table>
			</div>
		</form>
		<div id="dlg-buttons" style="text-align:center">
			<a href="#" class="easyui-linkbutton" iconCls="icon-save" onclick="Example.saveItem()">保存</a>
			<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">取消</a>
		</div>
	</div>